<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <jsp:include page="../common/common.jsp"/>

    <link href="/static/js/plugins/jquery-ligerUI/lib/ligerUI/skins/Aqua/css/ligerui-all.css" rel="stylesheet"
          type="text/css">
    <style type="text/css"></style>
    <script src="/static/js/plugins/jquery-ligerUI/lib/ligerUI/js/core/base.js" type="text/javascript"></script>
    <script src="/static/js/plugins/jquery-ligerUI/lib/ligerUI/js/plugins/ligerLayout.js"
            type="text/javascript"></script>
    <script src="/static/js/plugins/validate.js" type="text/javascript"></script>
    <script type="text/javascript" src="/static/js/system/compensation.js"></script>
    <title>事故赔损表</title>
</head>

<script type="text/javascript">
    $(function () {
        $("#layout1").ligerLayout({leftWidth: 150});
    });
</script>
<style type="text/css">
    body {
        padding: 0px;
        margin: 0;
        padding-bottom: 0px;
    }

    #layout1 {
        width: 100%;
        margin: 0;
        padding: 0;
    }

    .l-page-top {
        height: 80px;
        background: #f8f8f8;
        margin-bottom: 3px;
    }
</style>

<script>
    $(function () {
        $("input[type=text]").validatebox()
    });
</script>


<!-- 左侧导航end -->
<div id="layout1" class="l-layout" ligeruiid="layout1" style="height: 100%;">
    <div class="l-layout-left" style="left: 0px; width: 115px; top: 0px; height: 100%;">
        <div class="l-layout-header"padding-left: 20px>快速通道</div>
        <div class="kuaijie">
            <div><img src="/static/images/image/1.png" style="padding-top: 20px ;padding-left: 10px"></div>
            <div style="height:auto;" class="kuaijie-content" align="">
                <ul>
                    <li><a href="/static/staticWeb/汽车险.html"><img border="0" src="/static/images/image/导航.png" style="padding-left:20px"></a></li>
                    <li style="padding-bottom: 10px"><a href="/static/staticWeb/汽车险.html" style="padding-left:20px">老司机官网</a></li>

                    <li><a href="http://www.circ.gov.cn"><img border="0" src="/static/images/image/政府.png" style="padding-left:20px"></a></li>
                    <li style="padding-bottom: 10px"><a href="/http://www.circ.gov.cn/" style="padding-left:35px">保监会</a></li>

                    <li><a href="http://china.findlaw.cn/jiaotongshigu/"><img border="0" src="/static/images/image/法律.png" style="padding-left:20px"></a></li>
                    <li style="padding-bottom: 10px"><a href="http://china.findlaw.cn/jiaotongshigu/" style="padding-left:25px">法律法规</a></li>

                    <li><a href="/static/staticWeb/汽车险.html" style="padding-left:20px"><img border="0" src="/static/images/image/指南2.png"></a></li>
                    <li style="padding-bottom: 10px"><a href="/static/staticWeb/汽车险.html" style="padding-left:25px">理赔指南</a></li>

                    <li><a href="https://www.baidu.com/"><img border="0" src="/static/images/image/更多.png" style="padding-left:20px"></a></li>
                    <li><a href="https://www.baidu.com/" style="padding-left:25px">更多帮助</a></li>

                </ul>

            </div>
        </div>
    </div>
</div>

<!--中间-->
<div class="l-layout-center" style=" background-color: #a2fca2; width: 100%; top: 0px; left: 118px; height: 100%; ">
    <div class="l-layout-header">事故赔损表</div>

    <table id="compensation_datagrid"></table>

    <div position="center" title="" class="l-layout-content" style="height: 100%;">-
        <div id="compensation_toolbar">
            &nbsp;&nbsp;&nbsp;
            <a class="easyui-linkbutton" href="#" iconCls="icon-edit" plain="true" data-cmd="edit">赔损人信息录入</a>
            <a id="btn_cal" class="easyui-linkbutton" href="#" iconCls="icon-calculate" plain="true"
               data-cmd="addDetail">理赔计算器</a>
            <a class="easyui-linkbutton" href="#" iconCls="icon-reload" plain="true" data-cmd="reload">刷新</a>
            <a class="easyui-linkbutton" href="#" iconCls="icon-cut" plain="true" data-cmd="delete">删除</a>
            <a id="btn_lookDetail" class="easyui-linkbutton" href="#" iconCls="icon-search" plain="true"
               data-cmd="lookDetail">查看赔款明细</a>
            &nbsp;&nbsp;&nbsp;<input id="keyword" type="text" class="easyui-textbox" name="keyword" style="width: 150px"
                                     prompt="关键字:姓名/保单号/电话"/>
            <a class="easyui-linkbutton" href="#" iconCls="icon-search" plain="true" data-cmd="searchInfo">查询</a>
        </div>


        <div id="compensation_dialog" style="margin-top: 5px">
            <form id="compensation_form" method="post" style="padding-left: 70px ;padding-top: 20px;>
                <table>
                  <input type="hidden" name="id"><input>

            <div style="margin-bottom:15px">
                <input class="easyui-textbox" name="sn" label="保单号:" labelAlign="center" labelWidth=110
                       labelPosition="before" style="width:45%; height:30px; left:30px;">
                </input>
                <input class="easyui-textbox" name="receiverName" label="报案人姓名:" labelAlign="center" labelWidth=110
                       labelPosition="before" style="width:45%; height:30px;  left:30px;">
                </input>
            </div>

            <div style="margin-bottom:15px">
                <input class="easyui-textbox" name="idNum" label="身份证号:" labelAlign="center" labelWidth=110
                       labelPosition="before" style="width:45%; height:30px; left:30px;"
                       data-options="required:true,validType:'idcard'">
                </input>
                <input class="easyui-textbox" name="bankAccount" label="银行卡号:" labelAlign="center" labelWidth=110
                       labelPosition="before" style="width:45%; height:30px;  left:30px;"
                       data-options="required:true,validType:'length[6,18]'">
                </input>
            </div>

            <div style="margin-bottom:15px">
                <input class="easyui-textbox" name="bankAddress" label="开户行:" labelAlign="center" labelWidth=110
                       labelPosition="before" style="width:45%; height:30px; left:30px;"
                       data-options="required:true">
                </input>
                <input class="easyui-textbox" name="alipay" label="支付宝账号:" labelAlign="center" labelWidth=110
                       labelPosition="before" style="width:45%; height:30px;  left:30px;"
                       data-options="required:true">
                </input>
            </div>

            <div style="margin-bottom:15px">
                <input class="easyui-textbox" name="carNumber" label="车牌号:" labelAlign="center" labelWidth=110
                       labelPosition="before" style="width:45%; height:30px; left:30px;" data-options="required:true">
                </input>
                <input class="easyui-textbox" name="email" label="邮箱:" labelAlign="center" labelWidth=110
                       labelPosition="before" style="width:45%; height:30px; left:30px;"
                       data-options="required:true,validType:'email'">
                </input>
            </div>

            <div style="margin-bottom:15px">
                <input class="easyui-textbox" name="telNum" label="联系电话:" labelAlign="center" labelWidth=110
                       labelPosition="before" style="width:45%; height:30px; left:30px;"
                       data-options="required:true ,validType:'mobile'">
                </input>
                <input class="easyui-textbox" name="remark" label="备注信息:" labelAlign="center" labelWidth=110
                       labelPosition="before" style="width:45%; height:30px;  left:30px;">
                </input>
            </div>
            </table>
            </form>
            <div id="compensation_diaButtons">
                <a href="#" class="easyui-linkbutton" iconCls="icon-save" data-cmd="compensatiosave">提交</a>
                <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" data-cmd="compensationcancel">取消</a>
            </div>
        </div>

        <div id="compensationDetails_dialog" style="margin-top: 5px">
            <form id="compensationDetails_form" method="post" style="padding-left: 70px;>
                <table>
                    <input type="hidden" name="id"></input>
            <div style="width:45%; height:30px;left:30px;"><font size="2" color="blue">单位: 元</font></div>
            <div style="margin-bottom:15px">
                <input class="easyui-textbox" id="sn" name="sn" label="保单号" labelAlign="center" labelWidth=110
                       labelPosition="before" style="width:45%; height:30px; left:30px;">
                </input>
                <select class="easyui-combobox" name="insuranceKind" label="保单投保险种" labelAlign="center"
                        labelWidth=110 labelPosition="before" style="width:45%; height:30px ; left: 30px;" panelHeight="60" editable="false">
                    <option value="交强险" readonly="true">交强险</option>
                    <option value="商业险" readonly="true">商业险</option>
                </select>
            </div>

            <div style="margin-bottom:15px">
                <select class="easyui-combobox" name="insuranceResp" label="有无事故责任" labelAlign="center"
                        labelWidth=110 labelPosition="before" style="width:45%; height:30px" panelHeight="60" editable="false">
                    <option value="有责" readonly="true">有责</option>
                    <option value="无责" readonly="true">无责</option>
                </select>
                <select class="easyui-combobox" id="insuranceMax" name="insuranceMax" label="最高赔付额" labelAlign="center"
                        labelWidth=110 labelPosition="before" style="width:45%; height:30px; left: 30px;" panelHeight="60" editable="false">
                    <option value="122000">122000</option>
                    <option value="12100">12100</option>
                </select>
            </div>

            <div style="margin-bottom:15px">
                <input class="easyui-textbox" id="insuranceRate" name="insuranceRate" label="赔付率" labelAlign="center" labelWidth=110
                       labelPosition="before" data-options="prompt:'范围0~1.0'" style=" width:45%;height:30px; left: 30px;" validtype="intOrFloat">
                </input>
                <input class="easyui-textbox" id="carlossFee" name="carlossFee" label="车身划痕赔偿费" labelAlign="center" labelWidth=110
                       labelPosition="before" style="width:45%; height:30px; left:30px;"
                       validtype="intOrFloat">
                </input>
            </div>

            <div style="margin-bottom:15px">
                <input class="easyui-textbox" id="glassFee" name="glassFee" label="玻璃破碎赔偿费" labelAlign="center"
                       labelWidth=110 labelPosition="before" style="width:45%; height:30px; left: 30px;" validtype="intOrFloat">
                </input>
                <input class="easyui-textbox" id="fireFee" name="fireFee" label="车辆自燃赔偿费:" labelAlign="center"
                       labelWidth=110
                       labelPosition="before" style="width:45%; height:30px ; left:30px;" validtype="intOrFloat">
                </input>
            </div>

            <div style="margin-bottom:15px">
                <input class="easyui-textbox" id="fixFee" name="fixFee" label="大修赔偿费:" labelAlign="center"
                       labelWidth=110
                       labelPosition="before" style="width:45%; height:30px ; left:30px;" validtype="intOrFloat">
                </input>
                <input class="easyui-textbox" id="deadFee" name="deadFee" label="死亡赔偿费:" labelAlign="center"
                       labelWidth=110
                       labelPosition="before" style="width:45%; height:30px ; left: 30px;" validtype="intOrFloat">
                </input>
            </div>

            <div style="margin-bottom:15px">
                <input class="easyui-textbox" id="disabledFee" name="disabledFee" label="伤残赔偿费:" labelAlign="center"
                       labelWidth=110
                       labelPosition="before" style="width:45%; height:30px ; left: 30px;" validtype="intOrFloat">
                </input>
                <input class="easyui-textbox" id="medicalFee" name="medicalFee" label="医药费:" labelAlign="center"
                       labelWidth=110
                       labelPosition="before" style="width:45%; height:30px; left:30px;" validtype="intOrFloat">
                </input>
            </div>
            <div style="margin-bottom:15px">
                <input class="easyui-textbox" id="hospitalFee" name="hospitalFee" label="住院费:" labelAlign="center"
                       labelWidth=110
                       labelPosition="before" style="width:45%; height:30px;  left:30px;" validtype="intOrFloat">
                </input>
                <input class="easyui-textbox" id="totalFee" name="totalFee" label="实际总赔付额:" labelAlign="center"
                       labelWidth=110
                       labelPosition="before" style="width:45%; height:30px;  left:30px;" validtype="intOrFloat">
                </input>
            </div>
            </table>
            </form>
            <div id="compensationDetails_diaButtons">
                <a href="#" class="easyui-linkbutton" iconCls="icon-save" data-cmd="detailcaculate">计算总额</a>
                <a href="#" class="easyui-linkbutton" iconCls="icon-save" data-cmd="detailsave">提交</a>
                <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" data-cmd="detailscancel">取消</a>
            </div>
        </div>


        <div id="showdetails_dialog" style="margin-top: 5px">

            <form id="showdetails_form" method="post" style="padding-left: 70px;">
                <table>
                    <div style=" width:45%; height:30px; left:30px;"><font size="2" color="blue">单位: 元</font></div>
                    <div style="margin-bottom:15px">
                        <input class="easyui-textbox" id="showsn" name="showsn" label="保单号" labelAlign="center" labelWidth=110
                               labelPosition="before" style="width:45%; height:30px; left:30px;">
                        </input>
                        <input class="easyui-textbox" id="showinsuranceKind" name="showinsuranceKind" label="保单投保险种"
                               labelAlign="center"
                               labelWidth=110 labelPosition="before" style="width:45%; height:30px ; left: 30px;" panelHeight="300">
                        </input>
                    </div>

                    <div style="margin-bottom:15px">
                        <input class="easyui-textbox" id="showinsuranceResp" name="showinsuranceResp" label="有无事故责任"
                               labelAlign="center" labelWidth=110 labelPosition="before" style="width:45%; height:30px" panelHeight="300" editable:false>
                        </input>
                        <input class="easyui-textbox" id="showinsuranceMax" name="showinsuranceMax" label="最高赔付额"
                               labelAlign="center"
                               labelWidth=110 labelPosition="before" style="width:45%; height:30px; left: 30px;" panelHeight="300">
                        </input>
                    </div>

                    <div style="margin-bottom:15px">
                        <input class="easyui-textbox" id="showinsuranceRate" name="showinsuranceRate" label="赔付率"
                               labelAlign="center" labelWidth=110
                               labelPosition="before" style=" width:45%;height:30px; left: 30px;">
                        </input>
                        <input class="easyui-textbox" id="showcarlossFee" name="showcarlossFee" label="车身划痕赔偿费" labelAlign="center"
                               labelWidth=110
                               labelPosition="before" style="width:45%; height:30px; left:30px;">
                        </input>
                    </div>

                    <div style="margin-bottom:15px">
                        <input class="easyui-textbox" id="showglassFee" name="showglassFee" label="玻璃破碎赔偿费" labelAlign="center"
                               labelWidth=110
                               labelPosition="before" style="width:45%; height:30px; left: 30px;">
                        </input>
                        <input class="easyui-textbox" id="showfireFee" name="showfireFee" label="车辆自燃赔偿费:" labelAlign="center"
                               labelWidth=110
                               labelPosition="before" style="width:45%; height:30px ; left:30px;">
                        </input>
                    </div>

                    <div style="margin-bottom:15px">
                        <input class="easyui-textbox" id="showfixFee" name="showfixFee" label="大修赔偿费:" labelAlign="center"
                               labelWidth=110
                               labelPosition="before" style="width:45%; height:30px ; left:30px;">
                        </input>
                        <input class="easyui-textbox" id="showdeadFee" name="showdeadFee" label="死亡赔偿费:" labelAlign="center"
                               labelWidth=110
                               labelPosition="before" style="width:45%; height:30px ; left: 30px;">
                        </input>
                    </div>

                    <div style="margin-bottom:15px">
                        <input class="easyui-textbox" id="showdisabledFee" name="showdisabledFee" label="伤残赔偿费:" labelAlign="center"
                               labelWidth=110
                               labelPosition="before" style="width:45%; height:30px ; left: 30px;">
                        </input>
                        <input class="easyui-textbox" id="showmedicalFee" name="showmedicalFee" label="医药费:" labelAlign="center"
                               labelWidth=110
                               labelPosition="before" style="width:45%; height:30px; left:30px;">
                        </input>
                    </div>
                    <div style="margin-bottom:15px">
                        <input class="easyui-textbox" id="showhospitalFee" name="showhospitalFee" label="住院费:" labelAlign="center"
                               labelWidth=110
                               labelPosition="before" style="width:45%; height:30px;  left:30px;">
                        </input>
                        <input class="easyui-textbox" id="showtotalFee" name="showtotalFee" label="实际总赔付额:" labelAlign="center"
                               labelWidth=110
                               labelPosition="before" style="width:45%; height:30px;  left:30px;">
                        </input>
                    </div>
                </table>
            </form>
            <div id="showdetails_Buttons">
                <a href="#" class="easyui-linkbutton" iconCls="icon-cancel" data-cmd="showdetailscancel">关闭</a>
            </div>
        </div>

    </div>


    <div class="l-layout-drophandle-left" style="display: block; left: 200px; height: auto; top: 0px;"></div>
    <div class="l-layout-dragging-xline"></div>
    <div class="l-layout-dragging-yline"></div>
    <div class="l-dragging-mask" style="height: auto;"></div>
    <div class="l-layout-collapse-left" style="display: none; top: 0px; height: 231px;">
        <div class="l-layout-collapse-left-toggle"></div>
    </div>
</div>
</div>
</body>
</html>
